<template>
  <el-container>
    <el-header><UserIndexHeader></UserIndexHeader></el-header>
    <el-main><UserIndexMain></UserIndexMain></el-main>
  </el-container>
</template>

<script setup>
import UserIndexHeader from "@/components/HomeHeader.vue";
import UserIndexMain from "@/components/UserIndexMain.vue";
import UserIndexFooter from "@/components/HomeFooter.vue";
</script>

<style>
.el-header {
  position: relative;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
}

.el-main {
  position: absolute;
  right: 0;
  top: 60px;
  bottom: 0;
  overflow-y: scroll;
}
</style>
